<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Edu-Skill - Education Template</title>
  <!-- User + Register CSS -->
  <link href="css/login-register.css" rel="stylesheet">
  <!-- Custom Main StyleSheet CSS -->
  <link href="style.css" rel="stylesheet">
  <!-- Color CSS -->
  <link href="css/color.css" rel="stylesheet">
  <!-- Responsive CSS -->
  <link href="css/responsive.css" rel="stylesheet">

  </head>

<body>
  <!--gt Wrapper Start-->  
  <div class="gt_wrapper">
    <!--Header Wrap Start-->
    <header>
      <div class="gt_top_wrap gt_bg_3 default_width">
          <div class="container">
            <div class="gt_top_element">
              <ul>
                <li><a href="#">Have A Question?</a></li>
                <li><i class="fa fa-phone"></i>111-22-333-45</li>
                <li><i class="fa fa-envelope"></i><a href="#">info@edu-skill.com</a></li>
              </ul>
            </div>
            <div class="gt_login_element">
              <a href="#"><i class="icon-lock"></i>Login &#38; Register</a>
            </div>
          </div>
      </div>
      <div class="gt_menu_bg default_width">
          <div class="container">
            <!--Logo Wrap Start-->
            <div class="gt_logo">
              <a href="#"><img src="images/logo.png" alt=""></a>
            </div>
            <!--Logo Wrap End-->
            <!--Cart Wrap Start-->
            <div class="gt_cart_wrap">
              <a href="#"><i class="fa fa-cart-arrow-down"></i></a>
                <div class="gt_cart_list">
                  <ul>
                      <li>
                          <figure>
                              <img src="extra-images/product-02.png" alt="">
                              <i class="fa fa-remove"></i>
                          </figure>
                          <div class="gt_cart_item_detail">
                              <p>Lorem ipsum dolor sit amet</p>
                              <span>$600</span>
                          </div>
                      </li>
                      <li>
                          <figure>
                              <img src="extra-images/product-02.png" alt="">
                              <i class="fa fa-remove"></i>
                          </figure>
                          <div class="gt_cart_item_detail">
                              <p>Lorem ipsum dolor sit amet</p>
                              <span>$600</span>
                          </div>
                      </li>
                      <li>
                          <span class="gt_product">3 Product Added</span>
                          <span class="gt_product_total">$3000</span>
                      </li>
                      <li>
                          <a class="gt_cart_btn" href="#">View Cart</a>
                          <a class="gt_cart_btn" href="#">Checkout</a>
                      </li>
                  </ul>
              </div>
            </div>
            <!--Logo Wrap End-->
            <!--Search Wrap Start-->
            <div class="gt_search_wrap">
              <span class="search-fld"><i class="fa fa-search"></i></span>
                <div class="search-wrapper-area">
                    <form class="search-area">
                        <input type="text" placeholder="Search Here"/>
                        <input type="submit" value="Go"/>
                    </form>
                    <span class="gt_search_remove_btn"><i class="fa fa-remove"></i></span>
                </div>
            </div>
            <!--Search Wrap End-->
            <!--Navigation Wrap Start-->
            <nav class="gt_navigation">
              <button class="gt_mobile_menu">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
                <ul>
                  <li><a href="javascript:avoid(0);">Home</a>
                    <ul>
                      <li><a href="../../index.html">Home 01</a></li>
                      <li><a href="index-02.html">Home 02</a></li>
                      <li><a href="index-revolution-slider.html">Home Revolution Slider</a></li>
                      <li><a href="index-static.html">Home Static Background</a></li>
					  <li><a href="index-static-text-rotation.html">Home Static Text Rotation</a></li>
                      <li><a href="index-video.html">Home Video Background</a></li>
                      <li><a href="index-one-page.html">Home One Page</a></li>
                    </ul>
                  </li>
                  <li><a href="about-us.html">About Us</a></li>
                  <li><a href="javascript:avoid(0);">Events</a>
                    <ul>
                      <li><a href="event-grid.html">Event Grid</a></li>
                      <li><a href="event-list.html">Event List</a></li>
                      <li><a href="event-detail.html">Event Detail</a></li>
                    </ul>
                  </li>
                  <li><a href="javascript:avoid(0);">Courses</a>
                    <ul>
                      <li><a href="course-grid.html">Courses Grid</a></li>
                      <li><a href="course-grid-style-02.html">Courses Grid Style 02</a></li>
                      <li><a href="course-grid-with-sidebar.html">Courses Grid With Sidebar</a></li>
                      <li><a href="course-listing.html">Courses List</a></li>
                      <li><a href="course-detail.html">Courses Detail</a></li>
                    </ul>
                  </li>
                  <li><a href="javascript:avoid(0);">Blog</a>
                    <ul>
                      <li><a href="blog-grid.html">Blog Grid</a></li>
                      <li><a href="blog-listing.html">Blog List</a></li>
                      <li><a href="blog-single.html">Blog Single</a></li>
                      <li><a href="blog-detail.html">Blog Detail</a></li>
                    </ul>
                  </li>
                  <li><a href="javascript:avoid(0);">Shop</a>
                    <ul>
                      <li><a href="shop-product-01.html">Shop Product 01</a></li>
                      <li><a href="shop-product-02.html">Shop Product 02</a></li>
                      <li><a href="shop-detail.html">Shop Detail</a></li>
                    </ul>
                  </li>
                  <li class="active"><a href="javascript:avoid(0);">Pages</a>
                    <ul>
                      <li><a href="javascript:avoid(0);">404 Pages</a>
                        <ul>
                          <li><a href="404-page.html">404 01</a></li>
                          <li><a href="404-page-2.html">404 02</a></li>
                        </ul>
                      </li>
                      <li><a href="comming-soon.html">Comming Soon</a></li>
                      <li><a href="classes.html">Classes</a></li>
                      <li><a href="javascript:avoid(0);">Team Pages</a>
                        <ul>
                          <li><a href="team-grid.html">Team Grid</a></li>
                          <li><a href="team-grid-02.html">Team Grid Style 02</a></li>
                          <li><a href="team-detail.html">Team Detail</a></li>
                        </ul>
                      </li>
                      <li><a href="javascript:avoid(0);">Dashboard Pages</a>
                        <ul>
                          <li><a href="my-profile.html">My Profile</a></li>
                          <li><a href="profile-setting.html">Profile Setting</a></li>
                          <li><a href="privacy-setting.html">Privacy Setting</a></li>
                          <li><a href="report-achievement.html">Reports and Achievement</a></li>
                          <li><a href="dashboard-classes.html">Dashboard Classes</a></li>
                          <li><a href="dashboard-courses.html">Dashboard Courses</a></li>
                          <li><a href="dashboard-fav-courses.html">Dashboard Favorite Courses</a></li>
                        </ul>
                      </li>
                      <li class="active"><a href="login&register.html">Login and Register</a></li>
                    </ul>
                  </li>
                  <li><a href="contact-us.html">Contact Us</a></li>
                </ul>
            </nav>
            <!--Navigation Wrap End-->
          </div>
      </div>
    </header>
    <!--Header Wrap End-->

    <!--Sub Banner Wrap Start -->
    <div class="gt_sub_banner_bg default_width">
      <div class="container">
        <div class="gt_sub_banner_hdg  default_width">
          <h2>Login &#38; Register</h2>
          <h6>Welcome To Educskill</h6>
        </div>
      </div>
    </div>
    <!--Sub Banner Wrap End -->
    <!--Breadcrumb Wrap End -->
    <div class="gt_breadcrumb_bg default_width">
      <div class="container">
        <div class="gt_breadcrumb_wrap default_width">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Login &#38; Register</a></li>
            </ul>
        </div>
      </div>
    </div>
    <!--Breadcrumb Wrap End -->

    <!--Main Content Wrap Start-->
    <div class="gt_content_wrap">
      <!--Login & Register Page Wrap Start-->
      <section>
        <div class="container">
          <div class="gt_lgin_tab_wrap">
            <ul class="gt_login_link"  data-tabs="tabs">
              <li class="active"><a data-toggle="tab" href="#register">Sign Up</a></li>
              <li><a data-toggle="tab" href="#login">Sign In</a></li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="login">
                <div class="gt_login_des_wrap default_width">
                  <div class="gt_login_field">
                    <input type="text" placeholder="Your Email..">
                    <label><i class="fa fa-envelope"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="text" placeholder="Your Password">
                    <label><i class="fa fa-lock"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="text" placeholder="Confrim password">
                    <label><i class="fa fa-user"></i></label>
                  </div>
                  <div class="gt_login_radio_btn">
                    <input id="2" type="checkbox">
                    <label for="2"><span></span>Keep Me logged In</label>
                  </div>
                  <div class="gt_login_radio_btn">
                    <input id="1" type="checkbox">
                    <label for="1"><span></span>Forget Password</label>
                  </div>
                  <div class="gt_login_field">
                    <input type="submit" value="Submit">
                  </div>
                  <div class="gt_login_field">
                    <p>Signin with Social Networks</p>
                    <ul class="gt_scl_icon">
                      <li><a class="bg_fb" href="#"><i class="fa fa-facebook"></i></a></li>
                      <li><a class="bg_twitter" href="#"><i class="fa fa-twitter"></i></a></li>
                      <li><a class="bg_gp" href="#"><i class="fa fa-google-plus"></i></a></li>
                      <li><a class="bg_linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
                      <li><a class="bg_behance" href="#"><i class="fa fa-behance"></i></a></li>
                      <li><a class="bg_vimeo" href="#"><i class="fa fa-vimeo"></i></a></li>
                      <li><a class="bg_youtube" href="#"><i class="fa fa-youtube-play"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="register">
                <div class="gt_login_des_wrap default_width">
                  <div class="gt_login_field">
                    <input type="text" placeholder="First Name">
                    <label><i class="fa fa-user"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="text" placeholder="Last Name">
                    <label><i class="fa fa-user"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="text" placeholder="Your Email Address">
                    <label><i class="fa fa-envelope"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="text" placeholder="Phone Number">
                    <label><i class="fa fa-phone"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="text" placeholder="Your Password">
                    <label><i class="icon-lock"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="text" placeholder="Confrim password">
                    <label><i class="icon-lock"></i></label>
                  </div>
                  <div class="gt_login_field">
                    <input type="submit" value="Submit">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--Login & Register Page Wrap End-->
    </div>
    <!--Main Content Wrap End-->

    <!--Footer Wrap Start-->
    <footer>
      <!--Newletter Wrap Start-->
      <div class="gt_newsletter_bg default_width">
        <div class="container">
          <div class="gt_newsletter_inside_bg default_width">
            <div class="gt_newsletter_wrap">
              <h3>STAY TUNED WITH US</h3>
              <form class="default_width">
                <input type="text" class="ph_news" placeholder="Your Email address">
                <input type="submit" value="Subscribe">
              </form>
              <p>Get our updates educational materials, new courses and more!</p>
            </div>
          </div>
        </div>
      </div>
      <!--Newletter Wrap End-->

      <!--Footer List Wrap Start-->
      <div class="gt_footer1_bg default_width">
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_about gt_widget_hdg">
                  <h5>Our Sevices</h5>
                  <ul>
                      <li><a href="#">Courses</a></li>
                      <li><a href="#">Events</a></li>
                      <li><a href="#">Teachers</a></li>
                      <li><a href="#">Blog</a></li>
                      <li><a href="#">Gdaducation</a></li>
                  </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_about gt_widget_hdg">
                  <h5>My Account</h5>
                  <ul>
                      <li><a href="#">My Account</a></li>
                      <li><a href="#">Order History</a></li>
                      <li><a href="#">Wishlist</a></li>
                      <li><a href="#">Newsletter</a></li>
                      <li><a href="#">Special</a></li>
                  </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_about gt_widget_hdg">
                  <h5>Our Support</h5>
                  <ul>
                      <li><a href="#">Contact Us</a></li>
                      <li><a href="#">Shipping &#38; Taxes</a></li>
                      <li><a href="#">Return Policy</a></li>
                      <li><a href="#">Site Map</a></li>
                      <li><a href="#">Conatct Us</a></li>
                  </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6">
              <div class="gt_foo_about gt_widget_hdg">
                  <h5>Information</h5>
                  <ul>
                      <li><a href="#">About Us</a></li>
                      <li><a href="#">Top Sellers</a></li>
                      <li><a href="#">Special Products</a></li>
                      <li><a href="#">Privacy Policy</a></li>
                      <li><a href="#">Delivery Information</a></li>
                  </ul>
              </div>
            </div>
          </div>

          <!--Footer Contact Wrap Start-->
          <div class="gt_foo_contact_wrap">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <div class="gt_foo_contact_des">
                        <i class="icon-phone"></i>
                          <div class="gt_foo_icon_des">
                            <h5>(8) 111 22 333 444</h5>
                              <span>Mon - fri 9am to 5pm </span>
                          </div>
                      </div>
                  </div>
                  <div class="col-md-4 col-sm-6">
                    <div class="gt_foo_contact_des">
                        <i class="icon-tool"></i>
                          <div class="gt_foo_icon_des">
                            <h5>info@eduskill.com</h5>
                              <span>Online information </span>
                          </div>
                      </div>
                  </div>
                  <div class="col-md-4">
                    <div class="gt_foo_contact_des">
                        <i class="icon-pin"></i>
                          <div class="gt_foo_icon_des">
                            <h5>New york Usa</h5>
                            <span>787 New south  way CA </span>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
          <!--Footer Contact Wrap End-->
        </div>
      </div>
      <!--Footer List Wrap End-->

      <!--Copyright Wrap End-->
      <div class="gt_copyright_wrap">
        <div class="container">
            <div class="gt_copyright_des">  
                <p>Copyright © <a href="#">Edu-skill </a> 2016. All rights reserved.</p>
                <span>Created by: <a href="#">2goodtheme.com</a></span>
              </div>
          </div>
      </div>
      <!--Copyright Wrap Start-->
    </footer>
    <!--Footer Wrap End-->

    <!--Back to Top Wrap Start-->
    <div class="back-to-top">
      <a href="#home"><i class="fa fa-angle-up"></i></a>
    </div>
    <!--Back to Top Wrap Start-->
    
  </div>
  <!--gt Wrapper End-->

  <!--Jquery Library-->
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <!--Bootstrap core JavaScript-->
  <script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
  <!--Custom JavaScript-->
  <script src="js/custom.js"></script>

</body>
</html>
